@media (prefers-color-scheme: dark) {
    body {
        background-color: #121421;
        color: white;
    }

    .banner span {
        color: white;
    }

    .menus {
        background-color: black !important;
    }

    .menus-item a {
        text-decoration: none;
        color: white;
    }

    .fa-snapchat {
        color: white !important;
    }

    .menus-item:hover {
        transform: scale(1.1);
        box-shadow: 0 0 15px grey;
        border-top-right-radius: 10rem;
        border-bottom-right-radius: 10rem;
    }

    .content-header {
        background-color: black;
        border-bottom: 1px solid black;
    }

    .content {
        border-left: none;
    }

    .content-body-video-item-padding:hover {
        transform: scale(1.1);
        box-shadow: 0 4px 15px grey;
        border-radius: 10px;
    }

    .content-body-video-item-padding {
        transition: transform 0.4s ease, box-shadow 0.4s ease;
        padding: 1vh 1vw;
    }

    .content-body-video-title {
        color: white;
    }

    .content-header-search-input {
        background-color: #1A1F31;
        color: white;
    }

    .content-header-search-item {
        background-color: #1A1F31;
    }

    .search-icon {
        padding-left: 1.5vw;
        color: #b1b1b1;
        font-size: 1.3rem;
    }
}